<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <base href="http://192.168.3.5:8080/">
  <!--
  当我们指定了baseURI，实际上就是指定了根目录，相关操作，实际上都是围绕【根目录】去进行相对或者绝对定位的
  "D:\Web\video\天启.mp4" 绝对地址 找到的文件或目录 绝对定位
  "..\天启.mp4" 相对地址 相对定位
  -->

  <link rel="stylesheet" href="styles.css"/>
  <link rel="icon" href="图标链接.ico"/>
  <link rel="apple-touch-icon" href="图标链接.png" sizes="100x100" type="image/png"/>
  <link rel="preload" href="styles.css"/>

  <meta name="属性名" content="属性值">
  <meta name="属性名" content="属性值">
  <meta http-equiv="Content-Type" name="属性名" content="text"></meta>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="refresh" content="3 url=https://www.example.com/">
  <meta http-equiv="Expires" content="0">

  <script defer> function num() { console.log('嵌入js代码') }</script>
<!-- 嵌入js文件 -->
  <script src="1.1.js"></script>
  <script async="true" src="1.1.js"></script>
  <script src="1.1.js"></script>
  <script crossorigin="anonymous" src="1.1.js"></script>
  <script crossorigin="use-credentials" src="1.1.js"></script>
<!-- 匿名访问：可跨域访问 -->
  <script crossorigin="anonymous" src="1.1.js"></script>
  <script defer src="1.1.js"></script>
  <script fetchpriority="high"></script>
  <script fetchpriority="low"></script>
<!-- 生成随机数 -->
  <script nonce></script>
  <script nonce></script>
  <script referrerpolicy="no-referrer"></script>
  <script referrerpolicy="no-referrer-when-downgrade"></script>
  <script referrerpolicy="same-origin"></script>
  <script referrerpolicy="strict-origin"></script>

  <style> body{}</style>
  <link rel="stylesheet" href="styles.css"/>
  <style media="(min-width:30em)and"></style>
  <title>我是标题</title>
</head>
<body>
<a href="链接">超链接文本</a>
<a href="https://www.baidu.com/">baidu</a>
<noscript>部分功能已被禁用</noscript>
<noscript></noscript>
<noscript></noscript>
<noscript></noscript>
<noscript></noscript>
<noscript>js禁用时显示的内容</noscript>
<!--换行-->
<br><br><br><br><br>

<!--块级元素-->
<div></div>
<div></div>
<div></div>
<div></div>

<span>行内块内容</span>
<span></span>
<span></span>
<!--播放音频-->
<audio controls>
  <source src="https://m804.music.126.net/20250104171601/af7a5c360fc9c2107970c7450a227b32/jdyyaac/obj/w5rDlsOJwrLDjj7CmsOj/28481796160/5b57/6c2e/38f9/01ad8932542401a8676756c6f6a65569.m4a">
</audio>
<audio currentTime="date"></audio>
<audio duration></audio>
<audio loop></audio>
<audio muted></audio>
<audio src="视频源"></audio>

<!--视频链接-->
<video src="视频链接"></video>
<video controls></video>
<video controlslist="nodownload"></video>
<video disablepictureinpicture></video>
<video autoplay></video>
<video width="100x100"> </video>

<!--图片-->
<img src="图片链接">
<img alt="描述图片">

<!--画布-->
<canvas width="" height=""></canvas>

<!--可缩放矢量图-->
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="180" height="180" rx="" ry=""/>
</svg>
<svg><circle r="" cx="" cy=""></circle></svg>
<!--标题-->
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<!--给文字分组-->
<hgroup>
  <h1>标题</h1>
  <p>内容</p>
</hgroup>
<!--给章节分段落-->
<section>
  <h5>标题</h5>
  <p>内容</p>
</section>
<section></section>
<section></section>
<!--有序列表-->
<ol>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ol>
<!--无序列表-->
<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>
<!--小段落内容-->
<p></p>
<p></p>
<p></p>

</body>
</html>